img{
	width: 100%;
	height: 100%;
}
ul{
	margin: 0;
	padding: 0;
}
.extend{
	margin-top: 25px;
}
.extend .text .extendlogo{
	display: inline-block;
	padding-left: 40px;
	background: url(../img/icons.png) -142px -71px no-repeat;
}
.extend .oContent ul{
	margin: 0;padding: 0;
}
.extend .oContent ul li{
	
	float: left;
	width: 180px;
}
.extend .oContent ul li>div{
	position: relative;
	height: 100px;
	width: 160px;
	border-radius: 5px;
	overflow: hidden;
}
.extend .oContent ul li>div>div{
	display: none;
	position: absolute;
	padding: 5px;
	right: 0;
	bottom: 0px;
	color: #fff;
	background: rgba(0,0,0,0.3);
}
.extend .oContent ul li>div:hover div{
	display: block;
}
.extend .oContent ul li p{
	margin: 10px auto;
}
.extend .oContent ul:after{
	content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    font-size: 0;
}
.extend .right,.left{
	float: left;
}
.extend .right .img{
	width: 260px;
	height: 150px;
	border-radius: 5px;
	margin-top: 10px;
	overflow: hidden;
}
.extend:after{
	content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    font-size: 0;
}
.extend .right .produce{
	padding: 0 10px;
	height: 34px;
	margin-top: 5px;
	line-height: 34px;
	border-radius: 5px;
	background: #e5e9ef;
}
.main-body .guodu{
	width: 100%;
	height: 80px;
	border-radius: 5px;
	overflow: hidden;
}
.main-body .guodu img{
	width: 100%;
	height: 100%;
	
}

.main-body .zhibo{
	margin-top: 10px;
}
.main-body .zhibo .left{
	width: 700px;
}
.main-body .zhibo .left{
	float: left;
}
.main-body .zhibo .top .top-left{	
	height: 24px;	
}
.main-body .zhibo .top .top-right{	
	float: right;
	padding-top: 14px;
}
.main-body .zhibo:after{
	content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    font-size: 0;
}
.main-body .zhibo .top:after{
	content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    font-size: 0;
}
.main-body .zhibo .top .top-left .bg{
	
	position: relative;
	top: 8px;
	display: inline-block;
	height: 40px;
	width: 39px;
	background: url(../img/icons.png) -141px -652px no-repeat;
	
}
 .main-body .zhibo .top .top-right .newtrends{
 	padding: 2px 10px;
 	display: inline-block;
 	border: 1px solid #ccd0d7;
    border-radius: 4px;
 }
.main-body .zhibo .top .top-right .newtrends .tongbu{
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: bottom;
    transform: rotate(0deg);
    transition: transform 0.5s linear;
	
	background: url(../img/icons.png) -475px -89px no-repeat;
}
.main-body .zhibo .top .top-right,.top-left{
	display: inline-block;
}
.main-body .zhibo .top .top-right .newtrends .tongbu:hover{
	transform: rotate(360deg);
	
}
.main-body .zhibo .top .top-right>span{
	display: inline-block;
	padding: 2px 4px;
	border: 1px solid #ccd0d7;
	border-radius: 4px;
	cursor: pointer;
}
.main-body .zhibo .down{
	margin-top: 10px;
}
.main-body .zhibo .down .text span{
	display: inline-block;
	
}	

.main-body .zhibo .down .text span:nth-of-type(1){
	background:url(../img/icons.png)no-repeat;
	background-position: -282px -154px;
	height: 14px;
	width: 14px;
	vertical-align: bottom;
}
.main-body .zhibo .down .img ul{
	width: 720px;
	height: 316px;
	overflow: hidden;
}
.main-body .zhibo .down .img ul:after{
	content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    font-size: 0;
}
.main-body .zhibo .down .img li{
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}
.main-body .zhibo .down .img li>div{
	width: 160px;
	overflow: hidden;
}
.main-body .zhibo .down .img li>div div:nth-of-type(1){
	width: 160px;
	height: 100px;
	border-radius: 5px;
	overflow: hidden;
}
.main-body .zhibo .down .img li>div div:nth-of-type(4){
	position: absolute;
	left: 1px;
	top:80px ;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	overflow: hidden;
}

.main-body .zhibo .down .img li>div div:nth-of-type(2){
	width: 100px;
	padding-left:50px ;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 12px;
	color: #222222;
}
.main-body .zhibo .down .text span:nth-of-type(2){
	width: 64px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: bottom;
}
.main-body .zhibo .down .text span:nth-of-type(3){
	background:url(../img/icons.png)no-repeat;
	background-position: -282px -282px;
	height: 14px;
	width: 14px;
	vertical-align: bottom;
}
.main-body .zhibo .down .text span:nth-of-type(4){
	width: 50px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: bottom;
}
.main-body .zhibo .down .text{
	margin-top: 5px;
	
}
.main-body .zhibo .right{
	float: right;
	
}
.main-body .zhibo .right div  span{
	vertical-align: bottom;
}
.main-body .zhibo .right div:nth-of-type(2){
	margin-top: 5px;
	width: 268px;
	height: 248px;
	border-radius:5px ;
	overflow: hidden;
}
.main-body .zhibo .right p{
	width: 268px;
}
